<template>
    <view class="content d-flex-column a-center">
        <image
           class="icon"
            src="@/static/img/no_data.png"
            mode="scaleToFill"
        />
        <view class="text-center font-20 tips">哎呀,我好像迷路了，请稍后再试试吧</view>
        <view class="text-center font-18 back_btn" @click="backToHome">返回首页</view>
    </view>
    
</template>

<script lang="ts">
import Vue from 'vue'
export default Vue.extend({
    data(){
        return{

        }
    },
    methods:{
        backToHome(){
            (this as any).$approuter.relaunchHome();
        }
    }

})
</script>


<style lang="scss" scoped>
.content{
    width: 100%;
    height: 100%;
    margin-top: 250px;
    background-color: white;
    .icon{
        width: 200px;
        height: 120px;
    }
    .tips{
        height: 50px;
        margin-top: 30px;
    }
    .back_btn{
        margin-top: 30px;
        height: 50px;
        color: #1176ED;
    }

}

</style>